<%--
  Created by IntelliJ IDEA.
  User: dell
  Date: 2021/1/14
  Time: 0:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
    <title>顾客信息查询</title>
    <script src="../element/vue.js"></script>
    <link rel="stylesheet" href="../element/index.css">
    <script src="../element/index.js"></script>
    <link rel="stylesheet" type="text/css" href="../styles/basc.css">
</head>
<body>
<div id="app">
    <%@ include file="../includes/hear.jsp" %>
    <div class="left">
        <%@ include file="../includes/menu.jsp" %>
    </div>
    <div class="right">
        <div style="margin-left: 70px;margin-top: 20px;border-bottom: 1px solid #B1648A;width: 400px;">
            <el-input v-model="cuname" placeholder="顾客名字" style="width: 100px;"></el-input>
            <el-input v-model="stacount" placeholder="最小数量" style="width: 100px;"></el-input>
            <el-input v-model="endcount" placeholder="最高数量" style="width: 100px;"></el-input>
            <el-button type="primary" plain style="width: 80px;" @click="cx()">查询</el-button>
        </div>
        <div style="width: 580px;margin-left: 170px;margin-top: 40px;">
            <table class="dt" border="0" cellspacing="1">
                <tr>
                    <th>序号</th>
                    <th>顾客姓名</th>
                    <th>顾客电话</th>
                    <th>理由</th>
                    <th>商品名称</th>
                    <th>类别编号</th>
                    <th>退款时间</th>
                    <th>数量</th>
                </tr>
                <c:forEach items="${sessionScope.ra.data}" var="record" varStatus="rows">
                    <tr>
                        <td>${(ra.pageNo-1)*ra.pageSize+rows.count}</td>
                        <td>${record.cuname}</td>
                        <td>${record.photo}</td>
                        <td>${record.reason}</td>
                        <td>${record.pname}</td>
                        <td>${record.gid}</td>
                        <td>${record.timee}</td>
                        <td>${record.countt}</td>
                    </tr>
                </c:forEach>
            </table>
            <div class="pagenav">${sessionScope.ra.pageNav}</div>
        </div>
    </div>
</div>
</body>
<script>
    new Vue({
        el:'#app',
        data:{
            cuname:"",
            stacount:"",
            endcount:""
        },
        methods:{
            cx(){
                var log ={
                    cuname: this.cuname,
                    stacount:this.stacount,
                    endcount:this.endcount,
                }
                window.location.href="${webroot}/PSales/return.do?action=all&c=" + JSON.stringify(log)
            }
        }
    })
</script>
</html>
